<!-- <!doctype html>
<html style="width:100%;height:100%;" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
	<meta charset="utf-8">
	<link href="css/main.css" type="text/css" rel="stylesheet" />
	<link href="css/communicate.css" type="text/css" rel="stylesheet" />
	<link href="images/favicon.ico" rel="shortcut icon"/>
	<title>锅炉云管理平台</title>
	<style>
		.homeimg{
			position:absolute;
			top:24%;
			left:0;
		}
		.userword{
			position:absolute;
			top:18px;
			left:-10px;
		}
		.marginf{
			position:absolute;
			top:0;
			left:50%;
			margin-left:-640px;
			width:1280px;
			height:100%;
			overflow:hidden;
		}
	</style>
</head>

<body style="width:100%;height:100%;">

<div class="maindiv" style="min-width:1200px;height:100%;">
			<div class="maindvcont" style="width:100%;height:100%;">
				<img id="qyptbatp" src="images/1.jpg" width="100%" />
				<div class="marginf">
					<img src="images/homeimg.png" class="homeimg">
					
					<div class="kuat">
					<p class="tilefuwupt"><span>锅炉云平台</span></p>
						<p class="kuantpp"><img src="images/userword.png" class="yhig">
							<input type="text" id="account" name="account" placeholder="" maxlength="32"class="ipt" /></p>
						<p class="kuantpp"><img src="images/password.png" class="yhig">
							<input type="password" id="pwd" name="pwd" placeholder="" maxlength="32" class="ipt" />						
						</p>
						<p class="yzma">
						<input type="text" size="20" placeholder="验证码" id="verifyCode" name="verifyCode" maxlength="4" onkeydown="if(event.keyCode==13)logincheck()" /><a href="javascript:void(0)" class="indentity_img"><img id="randimg" src="getRand.do" style="cursor: pointer" title="点击换一张" /> </a>	
						</p>
						<span class="error_clew"></span>
						<img src="images/aload.png" class="userword">
						<p class="denglule">
							<button class="enter_btn" type="button" onclick="logincheck()">
							登录
						</button>
						</p>
				</div>
				
					
				</div>
					
			</div>
		</div> -->


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width">
    <title>中特数据 云监控平台登录</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<style type="text/css" id="a"></style>
<body>
    <div class="screens" id="screens">
        <!-- header -->
        <div class="first-screen" >
                <img src="./img/login_screen1_bg.jpg" style="width: 100%; height: 100%; margin-left: 0px;
                    top: 0px; left: 0px; position: inherit;">
            <h1 class="logo">中特数据</h1>
            <div class="show-list">
                <div class="show-item">
                    <span class="show-box"><i class="icon-login icon-login-code"></i></span>
                    <div class="tooltip">
                        <div class="tooltip-inner">
                            <img src="./img/android.png" width="100"/></div>
                    </div>
                </div>
                <div class="show-item">
                    <span class="show-box" href="#" target="_blank"><i class="icon-login icon-login-developer">
                    </i></span>
                    <div class="tooltip">
                        <div class="tooltip-inner">
                            <img src="./img/ios.png"  width="100"/>
                        </div>
                    </div>
                </div>
                <div class="show-item">
                    <span class="show-box" href="#" target="_blank"><i class="icon-login icon-login-help"></i>
                    </span>
                    <div class="tooltip">
                        <div class="tooltip-inner">
                            <img src="./img/account.png" />
                        </div>
                    </div>
                </div>
            </div>

                <h2 class="slogan" style="top: 230px;">
                </h2>
                <!--首屏登录框会追加到这里 -->
                <div class="login-container">
                    <div class="ptlogin-container" style="display: none;">
                    </div>
                    <div class="login-panel" style="display: block">
                        <form class="form-control loginForm">
                        <div class="input-group email">
                            <i class="icon-login icon-login-name"></i>
                            <input type="text" class="email-input error" value="" name="email" placeholder="账号" id="account">
                        </div>
                        <div class="input-group password">
                            <i class="icon-login icon-login-password"></i>
                            <input type="password" class="password-input" name="password" placeholder="密码" id="pwd">
                        </div>
                        <div class="input-group password">
                            <i class="icon-login icon-login-password"></i>
                            <input type="text" class="password-input" name="verifyCode" placeholder="验证码" style="width: 100px" maxlength="4" id="verifyCode"  onkeydown="if(event.keyCode==13)logincheck()">
                          <!--   <input type="text" size="20"  class="password-input" placeholder="验证码" id="verifyCode" name="verifyCode" maxlength="4" onkeydown="if(event.keyCode==13)logincheck()" style="width: 100px"/> -->
                            <a href="javascript:void(0)" class="indentity_img"><img id="randimg" src="getRand.do" style="cursor: pointer" title="点击换一张" /> </a>	
                            
                        </div>
                        <span class="error_clew" style="color: red;"></span>
                        <p class="login-error-tips">
                        </p>
                        </form>
                        <div class="login-submit">
                            <button type="button" class="btnLogin btn btn-primary"  onclick="logincheck()"> 登录</button>
                            <button type="button" class="btn btn-primary btn-loading" style="display: none;">
                                <i class="icon-loading-white"></i>登录中</button>
                        </div>
                    </div>
                    <!-- login-panel / -->
                </div>
            </div>
        </div>
    </div>



<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.md5.js"></script>
<script src="js/common.js"></script>
<script src="js/login.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<script>
//切换验证码
//切换验证码
$('#randimg').click(function () {
	var that = this;
	var img = new Image();
	img.src = 'getRand.do?'+ Math.random();
	img.onload = function(){
		that.src = this.src;
	};
});
var height = document.body.clientHeight;
console.log(height);
$('#qyptbatp').css({
	height:height
});
//验证登录
function logincheck(){
	var account = $("#account").val();
	var pwd = $("#pwd").val();
	var verifyCode =  $("#verifyCode").val();
	if(account.length<=0 || account=='帐号'){
		alert("请输入帐号");
	}else if(pwd.length<=0 || pwd=='密码'){
		alert("请输入密码");
	}else if(verifyCode.length<=0 || verifyCode=='验证码'){
		alert("请输入验证码");
	}else{
		$.ajax({
			url: 'login.do', 
			type: 'POST',
			async: false,
			data:{account:account,pwd:$.md5(pwd),verifyCode:verifyCode}, 
			dataType: 'json', 
			timeout: 10000, 
			error: function(){LQWarnIndex('请求失败,请稍后重试');}, 
			success: function(result){
				console.log(result);
				console.log(result.resultCode);
				if(result.resultCode==1000){
					//console.log("555")
					location.href ="/boilerCloud/goIndex.do";
				}else{
					$(".error_clew").html(result.returnObject).show();
					$("#randimg").click();
				}
			} 
			}); 
	}
}




</script>
</body>
</html>
